*/html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
span{background-color:transparent; font-family:  Calibri, sans-serif; font-size: 19px;}
a{background-color:transparent; font-family:  Calibri, sans-serif; font-size: 19px; color: #fff}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
[hidden],template{display:none}
html{font-family:PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,serif}
header{min-width:1228px;height:80px;line-height:80px;text-align:right;border-bottom:1px solid hsla(0,0%,100%,.1);position:absolute;z-index:9;width:100%;color:#fff}
header .logo{background-image:url(../img/XFindConsoles.png);height: 75px;width:180px;background-size:180px 75px;vertical-align:middle;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;left:12%}
header .nav{right:10.6%}
header .menu,header .nav{display:inline-block;position:relative}
header .menu{width:116px;height:100%;text-align:center;font-size:17px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
header .menu .icon{display:inline-block;background-image:url(../img/point.png);background-position:-38px -47px;height:5px;width:9px;background-size:142px 65px;vertical-align:middle;-webkit-transform:rotate(0);transform:rotate(0);transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s}
header .menu .dropdown{width:145px;text-align:center;background-color:#fff;border-radius:4px;opacity:0;transition:opacity .8s;position:absolute;left:-19.5px;top:-9999px;z-index:1}
header .menu .dropdown .link{display:block;height:40px;line-height:40px;font-size:14px;color:#2c2e30}
header .menu .dropdown .link:hover{color:#fd4965}
header .menu:hover .icon{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s}
header .menu:hover .dropdown{opacity:1;transition:opacity .8s;top:53.5px}

.platforms .android:hover.circle{background-color:#2dc449}
.platforms .android:hover .eye{-webkit-transform:scaleY(1);transform:scaleY(1);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}
.platforms .android .icon{background-image:url(../img/Android.png);background-position:-146px 0;height:60px;width:55px;background-size:260px 188px}
.platforms .android .eyes{position:absolute;display:inline-block;top:-18px;left:0;width:100%}
.platforms .android .eye{display:inline-block;border-radius:50%;background-color:#2dc449;width:4px;height:4px;vertical-align:middle;margin:0 3px;-webkit-transform:scaleY(0);transform:scaleY(0);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}
.platforms .ios:hover{background-color:#fff}
.platforms .ios:hover .icon.black{opacity:1;transition:opacity .5s}
.platforms .ios .icon.white{background-image:url(../img/Android.png);background-position:0 0;height:66px;width:53px;background-size:260px 188px;position:relative;top:-2px}
.platforms .ios .icon.black{background-image:url(../img/Android.png);background-position:-73px 0;height:66px;width:53px;background-size:260px 188px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;transition:opacity .5s}
.platforms .windows:hover{background-color:#2378d7}
.platforms .windows:hover .line{width:30px;transition:width .5s}
.platforms .windows .icon{background-image:url(../img/Android.png);background-position:-70px -86px;height:46px;width:61px;background-size:260px 188px}
.platforms .windows .line{display:inline-block;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;top:105px;height:6px;border-radius:3px;background-color:#fff;width:6px;transition:width .5s}
.platforms .ipad:hover{background-color:#f13e6d}
.platforms .ipad:hover .icon.content{opacity:1;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .5s,top .5s}
.platforms .ipad .icon.container{background-image:url(../img/Android.png);background-position:0 -86px;height:65px;width:50px;background-size:260px 188px}
.platforms .ipad .icon.content{background-image:url(../img/Android.png);background-position:-151px -86px;height:23px;width:19px;background-size:260px 188px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:80px;opacity:0;transition:opacity .5s,top .5s}
.platforms .windows-phone:hover{background-color:#f66f33}
.platforms .windows-phone:hover .icon.content{opacity:1;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .5s,top .5s}
.platforms .windows-phone .icon.container{background-image:url(../img/Android.png);background-position:-221px 0;height:65px;width:39px;background-size:260px 188px}
.platforms .windows-phone .icon.content{background-image:url(../img/Android.png);background-position:0 -171px;height:17px;width:17px;background-size:260px 188px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:80px;opacity:0;transition:opacity .5s,top .5s}
.pc footer{position:absolute;bottom:0;padding-top:0;width:100%;min-width:1228px;height:90px;color:#fff}
.pc footer a{font-size:12px}
.pc footer .row{position:absolute;left:21.2%;right:21.2%;text-align:right}
.pc footer .links,.pc footer .media{display:inline-block;vertical-align:middle}
.pc footer .copyright nav a:hover,.pc footer .links a:hover{color:hsla(0,0%,100%,.9)}
.pc footer .links{position:absolute;left:0;height:23px;line-height:23px;font-size:12px}
.pc footer .links a{margin:0 33px;position:relative}
.pc footer .links a:after{content:"";position:absolute;top:3px;left:-35px;display:inline-block;width:1px;height:12px;background-color:#fff}
.pc footer .links a:first-child{margin-left:0}
.pc footer .links a:first-child:after{width:0}
.pc footer .media{height:23px}
.pc footer .media .item{display:inline-block;margin:0 12px;position:relative;top:0;transition:top .5s}
.pc footer .media .item:hover{top:-5px;transition:top .8s}
.pc footer .media .item:hover .info{top:-198px;opacity:1;transition:opacity .8s}
.pc footer .media .item:hover .info .content{position:relative;height:183px}
.pc footer .media .item:hover .info .content .tip{position:absolute;bottom:0;left:0;box-sizing:border-box;width:100%;height:40px;line-height:40px;background-color:#fff;color:#000;font-size:12px;text-align:center;border-radius:0 0 5px 5px}
.pc footer .media .item:hover.qq .info{top:-198px}
.pc footer .media .item:hover.email .info{opacity:1;top:-55px}
.pc footer .media .item:last-child{margin-right:0}
.pc footer .media .item .info{display:inline-block;position:absolute;height:198px;top:-9999px;opacity:0;transition:opacity .8s}
.pc footer .media .item .info .content{display:block;width:153px;border-radius:5px}
.pc footer .media .item .icon{display:inline-block;vertical-align:middle}
.pc footer .media .item.weibo .info{left:-68.5px}
.pc footer .media .item.weibo .info .content{background-repeat:no-repeat;background-image:url(../img/XFind5.png);background-position:0 0;height:153px;width:153px;background-size:499px 326px;height:183px}
.pc footer .media .item.weibo .icon{background-image:url(../img/weibo.png);background-repeat:no-repeat;background-size:cover;width:16px;height:13px}
.pc footer .media .item.wechat .info{left:-68.5px}
.pc footer .media .item.wechat .info .content{background-repeat:no-repeat;background-image:url(../img/qrcode.png);background-position:-173px 0;height:153px;width:153px;background-size:499px 326px;height:183px}
.pc footer .media .item.wechat .icon{background-image:url(../img/wechat.png);background-repeat:no-repeat;background-size:cover;width:16px;height:12.5px}
.pc footer .media .item.qq .info{left:-70.5px}
.pc footer .media .item.qq .info .content{background-repeat:no-repeat;background-image:url(../img/qrcode.png);background-position:0 -173px;height:153px;width:153px;background-size:499px 326px;height:183px}
.pc footer .media .item.qq .icon{background-image:url(../img/QQ.png);background-repeat:no-repeat;background-size:cover;width:12px;height:13px}
.pc footer .media .item.email .info{left:-69.75px;height:55px}
.pc footer .media .item.email .info .content{height:40px;line-height:40px;background-color:#fff;color:#000;font-size:12px;text-align:center}
.pc footer .media .item.email .icon{background-image:url(../img/mail.png);background-repeat:no-repeat;background-size:cover;width:13.5px;height:10px}
.pc footer .copyright{bottom:35px;font-size:12px;line-height:1.2}
.pc footer .copyright .company{position:absolute;left:0}
.pc footer .copyright nav{display:inline-block}
.mobile footer{position:absolute;bottom:5%;width:100%;color:#fff}
.mobile footer .copyright{width:100%;text-align:center;color:hsla(0,0%,100%,.702)}
.mobile footer .copyright .item{font-size:12px;line-height:1.778;color:hsla(0,0%,100%,.702)}
.mobile footer .copyright .certificates a:last-child{display:block}
@media only screen and (min-width:768px){.mobile footer .copyright .certificates,.mobile footer .copyright .certificates a:last-child{display:inline-block}
}
body,html{width:100%;height:100%}
a{text-decoration:none;cursor:pointer;color:#fff}
.preload{display:none}
.bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:50%}
.mobile,.pc{position:relative;width:100%;height:100%}
.mobile.hidden,.pc.hidden{display:none}
.mobile.visible,.pc.visible{display:block}
.mobile .logo.xiuxiu,.mobile .slogan,.pc .logo.xiuxiu,.pc .slogan{pointer-events:none}
.pc{min-height:670px;min-width:1228px;overflow:auto}
.pc .bg.front{z-index:-1}
.pc .bg.behind{z-index:-2;background-image:url(../img/12221.jpg)}
.pc .bg.visible{opacity:1;transition:opacity 2s}
.pc .bg.hidden{opacity:0;transition:opacity 2s}
.pc main{width:100%;position:absolute;top:80px;bottom:90px;box-sizing:border-box;padding-left:15.9%}
.pc main:before{content:"";width:100%}
.pc main .logo.xiuxiu{display:block;height:120px;width:306px;}
.pc main:before{display:block;height:5%;min-height:50px}
.pc main .slogan{display:block;height:55%;min-height:250px}

@media only screen and (min-width:500px){.mobile{min-height:768px}
}
.mobile .bg{z-index:-1;background-size:100%;background-position:top;background-repeat:no-repeat;background-color:#001926;background-image:url(images/bg-mobile-iphone.jpg?aaa49bd8)}
@media only screen and (min-width:500px){.mobile .bg{background-image:url(images/bg-mobile-ipad-horizontal.jpg?6eb2c219)}
}
@media only screen and (min-width:768px) and (min-height:500px){.mobile .bg{background-image:url(images/bg-mobile-ipad-vertical.jpg?30191d70)}
}
@media only screen and (min-width:1024px) and (min-height:769px){.mobile .bg{background-image:url(images/bg-mobile-ipad-vertical.jpg?30191d70)}
}
@media only screen and (min-width:1024px) and (max-height:768px){.mobile .bg{background-image:url(images/bg-mobile-ipad-horizontal.jpg?6eb2c219)}
}
@media only screen and (min-width:1366px){.mobile .bg{background-image:url(images/bg-mobile-ipad-horizontal.jpg?6eb2c219)}
}
.mobile .logo.xiuxiu{width:48%;padding-left:10%;padding-top:10%}
@media only screen and (min-width:500px){.mobile .logo.xiuxiu{width:30%;padding-left:40px;padding-top:40px}
}
@media only screen and (min-width:768px){.mobile .logo.xiuxiu{width:330px;padding-left:48px;padding-top:48px}
}
@media only screen and (min-width:1024px) and (min-height:769px){.mobile .logo.xiuxiu{width:440px;padding-left:66px;padding-top:66px}
}
.mobile .slogan{width:80%;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:24.7%}
@media only screen and (min-width:768px){.mobile .slogan{top:18%;width:78.5%;max-width:602px}
}
@media only screen and (min-width:1024px) and (min-height:769px){.mobile .slogan{max-width:804px}
}
.mobile .btn.download{width:45%;max-width:410px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:22.5%;display:inline-block;line-height:2.4;border-radius:5px;background-image:linear-gradient(-30deg,#fc5f46,#fc2084);text-align:center;color:#fff;font-size:20px}
@media only screen and (min-width:768px){.mobile .btn.download{font-size:34px}
}
@media only screen and (min-width:1024px){.mobile .btn.download{bottom:245px}
}
@media only screen and (min-width:1366px){.mobile .btn.download{bottom:177px}
}
@media only screen and (min-width:1024px) and (max-height:768px){.mobile .btn.download{bottom:120px}
}

